/*
 * @Author: web.王晓冬
 * @Date: 2021-10-10 12:48:34
 * @LastEditors: itab.link
 * @LastEditTime: 2024-04-12 20:29:31
 * @Description: file content
*/
<template>
  <div class="itab-home" style="background-color: white">
    <!-- <Header /> -->
    <div>
      <img
        style="height: 500px"
        class="object-cover w-full"
        src="/images/about1.jpg"
        alt=""
      />
    </div>
    <div class="max-w-[960px] mx-auto text-sm text-black px-2">
      <div class="relative">
        <div
          style="background-color: #0a2332; top: -90px"
          class="absolute w-[140px] h-[150px] text-white pt-10 pl-4 text-xl"
        >
          <div class="font-bold">About US</div>
          <div class="text-sm">关于我们</div>
        </div>
        <div
          style="
            padding-left: 200px;
            line-height: 60px;
            border-bottom: 1px solid #efefef;
          "
          class="flex items-center"
        >
          <i class="d-icon opacity-35 mr-3" style="font-size: 16px">
            <Location20Filled />
          </i>
          <a href="/" style="color: #000" class="!no-underline">首页</a>
          <span class="mx-1"> > </span>关于我们
        </div>
        <div
          class="my-10 p-10 leading-7"
          style="background-color: #faf9fa; text-indent: 2em"
        >
          关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们关于我们
        </div>
      </div>
    </div>
    <Footer />
  </div>
</template>

<script setup>
import Header from './common/Header.vue'
import Footer from './common/Footer.vue'
import Location20Filled from '@vicons/fluent/Location20Filled'
</script>

<style lang="less" scoped>
.title-circle {
  &:before {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    left: -50px;
    top: 12px;
    border: 3px solid #ffd138;
  }
}
</style>